<template>
  <div>
    <h1>父级页面</h1>
    <Children :father-to-child="text" @eidtText="handleText" />
  </div>
</template>

<script>
import Children from "./components/children.vue";

export default {
  data() {
    return {
      text: "我是从父级页面传递过来的数据",
    };
  },
  components: {
    Children,
  },
  methods: {
    handleText(val) {
      this.text = val;
    },
  },
};
</script>